<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>jquer表单操作</title>
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	</head>

	<style type="text/css">
		.inp1 {
			border: 1px solid red;
			color: #fff;
			background: black
		}
	</style>

	<body>

		<!--form请求表单-->
		<form id="form1">
			<input type="text" name="id" id="" value="" />
			<input type="password" name="pas" />
			<input type="submit" id="submit" value="登录" />
		</form>

		<br/>
		<!--文本域-->
		<div>
			<button class="bigger"> 变高 </button>
			<button class="smaller"> 变高 </button>
			<button class="up"> 向上 </button>
			<button class="down"> 向下 </button>
			<br/>
			<textarea id="comment" name="" rows="3" cols="10"> 
8 jquery 获取 form 表单内容
使用jQuery获取类名
jquery 获取 id 含有 中文、其他特殊字符的元素.html
点发送短信无反应是很多用户在搭建优雅草蜻蜓q系统中常见问题-解决点击发送短信无反应
使用蜻蜓映射实现外网访问内网金蝶软件服务
青蛙蜻蜓设计轻巧开机即插即用差成本低
蜻蜓Q系统php版本关于验证码/邮箱/用户名三者注册机制对应开启或关闭代码需要修改的部分以及如何自由切换
微信域名拦截检测技术分享
分享一个微信域名拦截检测接口
ARP攻防——蜻蜓点水
CEF 桌面软件开发实战
导弹防御系统，如何跟蜻蜓的大脑学习计算？
软件测试方法进行调优,软件测试中性能调优的过程解析
PHP蜻蜓S系统 v2.1.1
蜻蜓映射桌面客户端使用教程（windows端）
使用蜻蜓安全挖掘漏洞实践（一）
6款软件工具提升产品运营效率
支付宝蜻蜓刷脸支付——Android
CF538B Quasi Binary
[CF538F]A Heap of Heaps 持久化线段树
【CF#538div2:C】Trailing Loves (or L'oeufs?)（质因数分解+分析）
[CF538F]A Heap of Heaps
[CF538E]Demiurges Play Again 树形DP
[CF538F]A Heap of Heaps(主席树)
CodeForce 538-F A Heap of Heaps(主席树)
51nod 1533 CF538F
[CF538C]Tourist's Notes
【CF538F】 A Heap of Heaps
Codeforces Round #300 E. Demiurges Play Again CF538E
IOI2020集训队作业-9 (CF538G, CF674D, ARC101F)
</textarea>
		</div>
	</body>

	<script type="text/javascript">
		//		输入框选择器获取焦点
		$('input').focus(function() {
			$(this).addClass('inp1')
			//			失去焦点
		}).blur(function() {
			$(this).removeClass('inp1')
		})

		//		1.声明一个textares变量  = jQuery文本域dom
		var textares = $('#comment')
		$('.bigger').click(function() {
			console.log(1, textares.height())
			//			2获取dom节点高度
			if(textares.height() < 400) {
				textares.height(textares.height() + 30)
			}

		})
		//		变宽
		$('.smaller').click(function() {
			console.log(1, textares.width())
			if(textares.width() < 400) {
				textares.width(textares.width() + 30)
			}

		})

		//		向上		
		$('.up').click(function() {
			//			设置了一个滚动条动画
			textares.animate({
				scrollTop: '-=30'
			}, 400)
		})

		//		向下
		$('.down').click(function() {
			textares.animate({
				scrollTop: '+=30'
			}, 400)
		})
	</script>

</html>